@charset "utf-8";
/*login*/

/*登录注册*/
.dk-body-bg{position: relative; width: 100%; height: 100%; background: url(../images/bg/login-bg.jpg) no-repeat;background-size:cover;overflow: hidden;}
.dk-login-box{position: absolute;top: 300px; left: 50%; margin-left: -180px; width: 360px;padding: 20px;box-shadow: 0px 0 10px #ccc;}
.dk-form-logo{position: absolute; top: -140px; left: 100px;}

/*注册*/
.dk-login-title{position: relative;width: 100%; padding-bottom: 15px; line-height: 32px;margin-bottom: 15px; }
.dk-login-title h2{line-height: 40px;color: #00a7ea;}
.dk-login-title p{font-size: 12px;color:  #666;}
.dk-login-title img{position: absolute; top:0; right:0;}
/*表单样式*/
.dk-form-group {position: relative; height: 40px; line-height: 36px; margin-bottom: 20px;}
/*无图标*/
.dk-form-group .dk-full-input{width: 100%; line-height: 36px;background-color: #fff!important; border-bottom: 1px solid #eee;}

/*有图标*/
.dk-form-group .login-input{ padding-left: 35px;}
.dk-form-group label{position: absolute; top:0; left: 3px; }
.dk-form-group label i{font-size: 24px; color: #777; vertical-align: middle}
.dk-form-group span{position: absolute; top:0; right: 0; display: inline-block;}
.dk-form-group span b{color: #999;}
/*提交按钮*/
.dk-default-btn{width: 100%; line-height: 36px; text-align: center; color: #fff;}
/*验证码*/
.dk-getCode{position: absolute; top: 4px; right: 0; display: inline-block; line-height: 18px; padding: 3px 8px; color: #fff; background-color: #999; }

/*找回密码*/
#findpwd-box{padding: 20px;}
/*pass验证*/
.pass i{font-size: 24px;color: #00a7ea;}
.shake{
-webkit-animation: shake_box 0.7s ease-in-out;
-ms-animation: shake_box 0.7s ease-in-out;
animation: shake_box 0.7s ease-in-out;}
.shake i{font-size: 24px;color: #f39800;}
/*提示动画*/
/*摇动*/
@keyframes shake_box{
0%, 100% { -webkit-transform: translateX(0);}
10%,30%,50%,70%,90% { -webkit-transform: translateX(-5px);}
20%,40%,60%,80% {-webkit-transform: translateX(5px);}
}
@-ms-keyframes shake_box{
0%, 100% {-webkit-transform: translateX(0);}
10%,30%,50%, 70%,90% { -webkit-transform: translateX(-5px); }
20%, 40%,60%,80% { -webkit-transform: translateX(5px); }
}
